/**
 * Created by bgy on 2016/12/5.
 * 采购计划详情
 */
import React from 'react';
import {Link,hashHistory} from 'react-router';

import HeaderTitle from '../../components/common/HeaderTitle';
import Warn from '../../components/common/Warn';

var PPlanDetail = React.createClass({
  getInitialState: function () {
    var id = this.props.params.id;
    console.log('getInitialState');
    console.log(id);
    var planDetail = {
      id: '1',
      title: '采购苹果-水晶红富士的征集令',
      cgs: '百果园',
      time: '2016-12-5',
      orgCode: '001023',
      proCode: '0010255',
      startTime: '2016-12-5',
      endTime: '2016-12-5',
      fruitName: '苹果-水晶红富士',
      invoice: 'xxxxxxxxxxxxxx',
      pack: '苹果-水晶红富士',
      quantity: '20kg',
      freight: '￥800',
      content: '外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。'
    };
    return {
      planDetail: planDetail,
      warnHidden: 'hidden'
    };
  },
  componentWillReceiveProps: ()=> {
    console.log('componentWillReceiveProps');
  },
  handlerClick:function() {
    /*this.setState({
      warnHidden: ''
    })*/
    hashHistory.push('offer');//我要报价
  },
  render: function () {
    console.log('render');
    console.log(this.props.params.id);
    var plan = this.state.planDetail;
    return (

      <div className="full">
        <HeaderTitle title="采购计划详情"/>
        <article className="content">
          <div className="ppDetail">
            <h2>{plan.title}</h2>
            <p className="planTime">
              <span>发布时间：{plan.time}<span></span>采购商：{plan.cgs}</span>
            </p>
            <p>机构代码：{plan.orgCode}</p>
            <p>项目代码：{plan.proCode}</p>
            <p>项目类别：{plan.title}</p>
            <p>采购起止日期：{plan.startTime}&nbsp;~{plan.endTime}</p>
            <p>采购商品：{plan.fruitName}</p>
            <p>采购数量：{plan.quantity}</p>
            <hr/>
            <h2>采购计划详情介绍</h2>
            <p className="planContent">{plan.content}</p>
            <Link to="/" className="link left">·商品-质量检测标准></Link>
          </div>
          <button style={{marginBottom:'5rem'}} className="button button-pill button-primary btn-green btn-long" ref="loginBtn"
                  onClick={this.handlerClick}>我要报价
          </button>
        </article>
        <Warn hidden={this.state.warnHidden} message="您尚未成为优果联正式供应商，无法参与报价"/>
      </div>
    )
  }
});
export default PPlanDetail;
